<template lang="jade">
#root
  form
    .form-group
      label(for='exampleInputEmail1') 邮箱地址
      |     
      input#exampleInputEmail1.form-control(type='email', placeholder='Email')
    |   
    .form-group
      label(for='exampleInputPassword1') 密码
      |     
      input#exampleInputPassword1.form-control(type='password', placeholder='Password')
    |   
    .form-group
      label(for='exampleInputPassword1') 再次输入密码
      |     
      input#exampleInputPassword2.form-control(type='password', placeholder='Password again')
    |   
    .form-group
      label(for='userHeaderImage') 选择头像
      |     
      input#userHeaderImage(type='file')
      |     
      p.help-block 成为我们的会员之后你就可以飞了
    |   
    img#headerImageView(alt='140x140', src='http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/140/140/default.jpg')
    .checkbox
      label
        input(type='checkbox')
        |  同意把你卖到南非
    

</template>
<script>

window.onload=function () {
	var imageFile=document.getElementById('userHeaderImage');
	imageFile.onchange=function (e) {
		var imageSrc = window.URL.createObjectURL(imageFile.files[0]);
		var headerImageView = document.getElementById('headerImageView');
		headerImageView.src = imageSrc;
	}
}
export default{
	name: "RegistorAdmin",

}
</script>
<style>
#headerImageView{
	height: 140px;
	width: 140px;
}
</style>